import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface Compass3CuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const Compass3CuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: Compass3CuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M17.46 3.508c-.796.103-1.908.459-3.72 1.192-1.765.714-4.109 1.701-4.593 1.935-1.257.607-1.905 1.255-2.512 2.512-.397.823-2.117 4.987-2.509 6.073-.878 2.435-.864 3.686.052 4.602.528.528 1.098.723 2.002.684.727-.032 1.392-.194 2.64-.646 1.056-.381 5.235-2.11 6.033-2.495 1.257-.607 1.905-1.255 2.512-2.512.377-.78 2.023-4.756 2.47-5.964.606-1.636.798-2.726.625-3.549a2.359 2.359 0 0 0-1.807-1.801c-.249-.053-.898-.07-1.193-.031m.943 2.089c.109.109.117.137.117.43 0 .532-.25 1.4-.82 2.853-.589 1.499-2.059 5.009-2.151 5.134-.043.058-.397-.282-2.848-2.732L9.903 8.483l.358-.166c.436-.202 3.867-1.628 4.767-1.981 1.502-.59 2.396-.851 2.925-.854.316-.002.339.004.45.115m-7.104 7.122 2.798 2.798-.358.166c-.198.091-1.007.436-1.799.766-4.012 1.67-5.155 2.071-5.913 2.071-.293 0-.321-.008-.43-.117-.109-.109-.117-.137-.117-.43 0-.526.269-1.451.853-2.94.609-1.549 2.11-5.113 2.155-5.113.007 0 1.272 1.259 2.811 2.799"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
